
#gallery{
/*    padding:30px 0;*/
    display: block;
/*    margin: 0 auto;*/
    position: relative;
    width: 310px;
    height: 310px;
}

#gallery ul{
    display:block;
    width:310px;
    height:310px;
    margin:0;
    padding:0;
    list-style:none;
    background-color: #FFF;
}

#gallery li{
    display:block; 
    float:left; 
    width:85px; 
    height:85px; 
    margin:10px 10px 0 0; 
    padding:0;
    background-color: #FFF;
}

#gallery li.last{margin-right:0;}

#gallery .placeholder{
    display:block; 
    float:left;
    width:300px;
    height:300px;
    margin:0;
    padding:4px;
    border:1px solid #666666;
    text-indent:-9999px;
    background-image:url("../images/gallery/default.gif");
    background-position:4px 4px;
    background-repeat:no-repeat;
}

#gallery a.swap:link, #gallery a.swap:visited, #gallery a.swap:hover{
    display:block;
    width:75px; 
    height:75px; 
    margin:0;
    padding:4px;
    text-align:center;
    border:1px solid #666666;
}

#gallery a.swap img{
    width:75px; 
    height:75px;
}

#gallery a.swap span img{
    width:300px; 
    height:300px;
/*    margin-top: -10px;*/
}

a.swap:hover {
    white-space:normal;
}

a.swap:link span, a.swap:visited span, a.swap:active span{
    visibility:hidden;
    position:absolute; 
    top:5px;
    left:5px; 
    width:300px; 
    height:300px;
}

a.swap:active span, a.swap:hover span, a.swap:focus span{
    visibility:visible; 
}

a.swap:active img, a.swap:focus img {
    position:relative; 
    z-index:50;
}